$(function(){
    
    initMenuEvent();
    
    setMenuActive();
})

// 1.0 实现二级菜单展开和收缩和一级菜单箭头旋转
function initMenuEvent(){    
    $('.level01.l2').click(function() {
        // 1.0 获取挨近当前元素的下一个元素，利用slideToggle()就会自动实现将其展开和收缩
        $(this).next().slideToggle();
        
         // 2.0箭头样式存放在b元素中,找到b元素
        let b = $(this).find('b');
        if(b.hasClass('rotate0')){
            // 设置三角向右
            b.removeClass('rotate0');
        }else{
            // 设置三角向下
            b.addClass('rotate0');
        } 
    })
}


 // 2.0 添加当前点击菜单为激活菜单 
function setMenuActive(){
    $('.level01,.level02 li').click(function(){
        // 清除激活菜单
        $('.active').removeClass('active');
        // 添加当前点击菜单为激活菜单
        $(this).addClass('active');
             
    })
}